<template>
    <div class="demo-type" style="text-align: center">
      <br>
      <div @click="user">
        <el-avatar :size="25" icon="el-icon-user" ></el-avatar>
      </div>
      <br>
      <div @click="chat">
        <el-avatar :size="25" icon="el-icon-s-comment" ></el-avatar>
      </div>
      <br>
      <div @click="friend">
        <el-avatar :size="25" icon="el-icon-circle-plus" ></el-avatar>
      </div>
      <br>
      <div @click="group">
        <el-avatar :size="25" icon="el-icon-s-data" ></el-avatar>
      </div>

      <br>
</div>
</template>

<script>
export default {
  name: "UserDetail",
  data(){
    return{

    }
  },
  methods:{
    user(){
      alert(1)
    },
    chat(){
      alert(1)
    },
    friend(){
      alert(1)
    },
    group(){
      alert(1)
    },
    set(){
      alert(1)
    }
  }
}
</script>
<style>

</style>
